@CHARSET "UTF-8";

html,body{
	padding:0px; margin:0px;
	overflow: hidden;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-khtml-user-select:none;
	user-select:none;
}
::-webkit-scrollbar {
	width: 13px;
	height: 13px;
	background: white;
	border-left: 1px solid #e8e8e8;
}
::-webkit-scrollbar-thumb {
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-radius: 9px;
	background: #c9c9c9;
}
::-webkit-scrollbar-thumb:hover {
	background: #b5b5b5;
}
.clear{
	clear:both;
}
#designer{
	width:100%;
	position: relative;
}
.navbar {
  margin-bottom: 0px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #aaaaaa;
}
#shape_panel{
	width:162px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	background: #fafafa;
	border-right: 1px solid #A2A2A2;
}
.panel_container{
	border-bottom: 1px solid #CBCCCC;
	margin-top: 1px;
}
.panel_title{
	position: relative;
	margin: 0px;
	background-color: #F3F3F3;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 2px 0 19px;
	border-bottom: #cccccc solid 1px;
	cursor: default;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.33);
}
.panel_title .ico_accordion{
	position: absolute;
	left: 5px;
	top: 11px;
}
.panel_container .content{
	margin: 0px auto;
	width: 138px;
	padding: 5px 0px;
}
.panel_collapsed .panel_title{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	border-bottom: 0px;
}
.panel_collapsed .content{
	display: none;
}
.panel_collapsed .ico_accordion{
	background-position: -51px -46px;
}
.panel_box{
	display:inline-block;
	border:2px solid transparent;
	position:relative;
}
.panel_box.selected{
	border-color: #6EB1EB;
}
#shape_thumb{
	position: absolute;
	left: 5px; top: 0px;
	padding: 5px;
	display: none;
}
#shape_thumb div{
	padding: 0px 0px 10px;
	text-align: center;
}
.panel_item{
	margin:0px auto;
}
#creating_shape_container{
	overflow: hidden;
	position: absolute;
	display: none;
}
#creating_shape_canvas{
	position: absolute;
}
#designer_viewport{
	position: relative;
	margin-left: 163px;
}
#designer_layout{
	overflow: scroll;
	position: relative;
	background: url(../Images/canvas_bg.jpg) repeat;
	z-index: 0;
}
#designer_canvas{
	position: relative;
	background:#F2F2F2;
	overflow: visible;
	
}
.menu{
	position: absolute;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid rgb(180,180,180);
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
}
.menu.list{
	padding: 4px 0px;
}
.menu li{
	padding: 0px 20px; line-height: 26px; cursor: default;
	position: relative;
}
.menu_ico li{
	padding: 0px 30px;
}
.menu li:hover{
	background-color: #eee;
/* 	background-color: #2eb5e5; */
/* 	background-image: -moz-linear-gradient(top, #34c0e9 0%, #29aae1 100%); */
/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34c0e9), color-stop(100%, #29aae1)); */
/* 	background-image: -webkit-linear-gradient(top, #34c0e9 0%, #29aae1 100%); */
/* 	background-image: -o-linear-gradient(top, #34c0e9 0%, #29aae1 100%); */
/* 	background-image: -ms-linear-gradient(top, #34c0e9 0%, #29aae1 100%); */
/* 	background-image: linear-gradient(top, #34c0e9 0%, #29aae1 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c0e9', endColorstr='#29aae1',GradientType=0 ); */
/* 	color: #fff; */
/* 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
}
.menu li.disabled{
/* 	color: #999; */
	color: #ccc;
}
.menu li.disabled:hover{
/* 	color: #999; */
	color: #ccc;
	background-color: transparent;
	background-image: none;
	filter: none;
	text-shadow:none;
}
.menu li .ico_selected{
	position: absolute;
	top: 3px;
	left: 5px;
}
.menu .devider{
	height: 0px;
	border-top: #ccc solid 1px;
	margin: 4px 0;
}
.menu .menu_text{
	color: #888;
}
.menu .menu_text:hover{
	background: transparent;
}

#shape_panel.readonly {
	display: none;
}
#designer_viewport.readonly{
	margin-left: 0px;
}
#lsbtable_panel{
	position: fixed;
	left: 1px;
	bottom: 44px;
	width: 100%;
	height: 234px;
	background: #fafafa;
	border-top: 1px solid #cccccc;
	margin-right: 10px;
}
.lsbtable_container{
	position: relative;
	margin: 0px;
	
	margin-top: 1px;
	width: 100%;
	max-height: 224px;
	position: relative;
	margin: 0px;
	line-height: 30px;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: scroll;
	padding: 0px;
	border-bottom: #cccccc solid 1px;
	cursor: default;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.33);
}
.lsbtable_title{
	position: relative;
	margin: 0px;
	background-color: #F3F3F3;
	height: 60px;
	line-height: 30px;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px;
	border-bottom: #cccccc solid 1px;
	cursor: default;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.33);
}
#lsbtable_panel thead td{
	padding: 1px;
	word-break: break-all;
	vertical-align:middle;
}
#lsbtable_panel tbody td{
	padding: 1px;
	word-break: break-all;
	vertical-align:middle;
}
.cellwth1{
	width: 35px;	
}
.cellwth15{
	width: 45px;
}
.cellwth2{
	width: 70px;
}
.cellwth25{
	width: 55px;
}
.cellwth3{
	width: 105px;
}
.cellwth4{
	width: 140px;
}
.cellwth5{
	width: 175px;
}
.cellwth6{
	width: 210px;
}
.cellwth7{
	width: 245px;
}